<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../public/css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/order.css" />
	</head>

	<body>
		<!--选择地址-->
		<div class="choiceAdress" v-show="choiceshow">
			<div class="choiceAdress_head">
				<div @click="choiceshow=false"></div>
				<h3>选择地址</h3></div>
			<div class="choiceAdress_list">
				<div class="choiceAdress_list_item" v-bind:class='{"itembgc":itembgc==$index}' @click="choiceAdress($index)" v-for="adr in adress">
					<div class=""><b>{{username}}</b><strong>{{user_phonenum}}</strong></div>
					<div class="">{{adr}}</div>
				</div>
			</div>
			<div class="choiceAdress_foot" @click="adressiptshowfn()">
				<div></div>
				<div>新增收货地址</div>
			</div>
		</div>
		<!--添加地址div-->
		<div class="adressiptshow" v-show="adressiptshow" @click="displayadressipt">
				<div class="adressipt" @click="stopmaopao()">
					<input type="text" placeholder="新增收货地址" v-model="newadress" />
					<div @click="addadress()">添加</div>
				</div>
			</div>
		<!--确认订单-->
		<div class="myorder" v-show="!choiceshow">
			<div class="order">
				<div class="order_head">
					<div @click="backpage()"></div>
					<h3>确认订单</h3></div>
				<div class="">
					<div class="order_adress" @click="choiceshow=true">
						<div></div>
						<div class="order_adress_text">{{indexadress}}</div>
						<div></div>
					</div>
					<div class="order_time">
						<div>送达时间</div>
						<div>尽快送达&nbsp;|&nbsp;预计30分钟</div>
					</div>
					<div class="order_paystyle">
						<div class="order_paystyle1">
							<div>支付方式</div>
							<div class="">余额支付</div>
						</div>
						<div class="order_paystyle1" @click="jifen()">
							<div>积分</div>
							<div class="">{{integral}}</div>
						</div>
						<div class="order_paystyle3">
							<div @click="yhshow=!yhshow">代金券<div>{{Coupon.length}}张</div><div></div></div>
							<div class="mydjq" @click="daijinjuan($index)" v-for="yh in Coupon" track-by="$index" v-show="yhshow">
								<div>幸运大转盘</div>
								<div>{{yh}}元</div>
							</div>
						</div>
					</div>
					<div class="order_productlist">
						<div class="shop_title">
							<img :src="shopimg" />
							<div>{{shopname}}</div>
						</div>
						<div class="product_item" v-for="food in products_data">
							<div>{{food['name']}}</div>
							<div>
								<!--<div>×2</div>-->
								<div>￥{{food['price']}}</div>
							</div>
						</div>
						<div class="product_sendprice">
							<div class="">
								<div>配送费</div>
								<div>
									<div>￥{{sendprice}}</div>
								</div>
							</div>
							<div class="" v-if="ifnewuser">
								<div>新用户</div>
								<div>
									<div style="color: red;">-￥20</div>
								</div>
							</div>
							<div class="">
								<div>总计</div>
								<div>
									<div>×{{count}}&nbsp;&nbsp;<del>￥{{totle}}</del></div>
									<div>￥{{actprice}}</div>
								</div>
							</div>
						</div>
					</div>
					<!--订单备注-->
					<div class="order_c2b">
						<div class="">订单备注</div>
						<div contenteditable="true"></div>
					</div>
				</div>
			</div>
			<!--foot-->
			<div class="order_pay">
				<div class="" >待支付￥<span v-html="actprice"></span></div>
				<div class="" @click="pay()">确认下单</div>
			</div>
		</div>
		<script src="../public/js/Zepto_min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="js/order.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>